<!-- HTML5文件 -->
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8"/>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
		<title>Agile Lite</title>
		<link rel="stylesheet" href="../assets/agile/css/agile.layout.css">
		<link rel="stylesheet" href="../assets/third/seedsui/plugin/seedsui/seedsui.min.css">
		<style>
			article ul img { width:100px;}
			.money { font-size:14px;}
			.money:before { content:'￥'; font-size:14px;}
		</style>
	</head>
	<body>
		<div id="section_container">
			<section id="lazyload_section" data-role="section" class="active">
				<header>
		            <div class="titlebar">
		            	<a class="left" data-toggle="back" href="#">
		                    <i class="icon icon-arrowleft"></i>
		                </a>
		                <h1 class="text-center">懒人加载</h1>
		            </div>
		        </header>
				<article  data-role="article" id="lazyload_article" class="active" style="top:44px;bottom:0px;">
					<div class="scroller">
						<p class="sliver">给img设置data-source即可使用</p>
						<ul class="list" id="list">
							<li>
		                        <div class="justify">
		                            <img data-source="http://i2.s2.dpfile.com/pc/mc/c8f91ecbdead9fdb0629a11d37fb192f(160c100)/thumb.jpg">
		                        </div>
		                        <div class="justify-content" style="height:56px;">
		                            <a>单人豪华自助午餐</a>
		                            <small class="bottom left carrot money">219</small>
		                            <small class="bottom right">
		                                <label>已售2161</label>
		                            </small>
		                        </div>
		                    </li>
		                    <li>
		                        <div class="justify">
		                            <img data-source="http://i2.s2.dpfile.com/pc/mc/c8f91ecbdead9fdb0629a11d37fb192f(160c100)/thumb.jpg">
		                        </div>
		                        <div class="justify-content" style="height:56px;">
		                            <a>单人豪华自助午餐</a>
		                            <small class="bottom left carrot money">219</small>
		                            <small class="bottom right">
		                                <label>已售2161</label>
		                            </small>
		                        </div>
		                    </li>
		                    <li>
		                        <div class="justify">
		                            <img data-source="http://i2.s2.dpfile.com/pc/mc/c8f91ecbdead9fdb0629a11d37fb192f(160c100)/thumb.jpg">
		                        </div>
		                        <div class="justify-content" style="height:56px;">
		                            <a>单人豪华自助午餐</a>
		                            <small class="bottom left carrot money">219</small>
		                            <small class="bottom right">
		                                <label>已售2161</label>
		                            </small>
		                        </div>
		                    </li>
		                    <li>
		                        <div class="justify">
		                            <img data-source="http://i2.s2.dpfile.com/pc/mc/c8f91ecbdead9fdb0629a11d37fb192f(160c100)/thumb.jpg">
		                        </div>
		                        <div class="justify-content" style="height:56px;">
		                            <a>单人豪华自助午餐</a>
		                            <small class="bottom left carrot money">219</small>
		                            <small class="bottom right">
		                                <label>已售2161</label>
		                            </small>
		                        </div>
		                    </li>
		                    <li>
		                        <div class="justify">
		                            <img data-source="http://i2.s2.dpfile.com/pc/mc/c8f91ecbdead9fdb0629a11d37fb192f(160c100)/thumb.jpg">
		                        </div>
		                        <div class="justify-content" style="height:56px;">
		                            <a>单人豪华自助午餐</a>
		                            <small class="bottom left carrot money">219</small>
		                            <small class="bottom right">
		                                <label>已售2161</label>
		                            </small>
		                        </div>
		                    </li>
		                    <li>
		                        <div class="justify">
		                            <img data-source="http://i2.s2.dpfile.com/pc/mc/c8f91ecbdead9fdb0629a11d37fb192f(160c100)/thumb.jpg">
		                        </div>
		                        <div class="justify-content" style="height:56px;">
		                            <a>单人豪华自助午餐</a>
		                            <small class="bottom left carrot money">219</small>
		                            <small class="bottom right">
		                                <label>已售2161</label>
		                            </small>
		                        </div>
		                    </li>
		                    <li>
		                        <div class="justify">
		                            <img data-source="http://i2.s2.dpfile.com/pc/mc/c8f91ecbdead9fdb0629a11d37fb192f(160c100)/thumb.jpg">
		                        </div>
		                        <div class="justify-content" style="height:56px;">
		                            <a>单人豪华自助午餐</a>
		                            <small class="bottom left carrot money">219</small>
		                            <small class="bottom right">
		                                <label>已售2161</label>
		                            </small>
		                        </div>
		                    </li>
		                    <li>
		                        <div class="justify">
		                            <img data-source="http://i2.s2.dpfile.com/pc/mc/c8f91ecbdead9fdb0629a11d37fb192f(160c100)/thumb.jpg">
		                        </div>
		                        <div class="justify-content" style="height:56px;">
		                            <a>单人豪华自助午餐</a>
		                            <small class="bottom left carrot money">219</small>
		                            <small class="bottom right">
		                                <label>已售2161</label>
		                            </small>
		                        </div>
		                    </li>
		                    <li>
		                        <div class="justify">
		                            <img data-source="http://i2.s2.dpfile.com/pc/mc/c8f91ecbdead9fdb0629a11d37fb192f(160c100)/thumb.jpg">
		                        </div>
		                        <div class="justify-content" style="height:56px;">
		                            <a>单人豪华自助午餐</a>
		                            <small class="bottom left carrot money">219</small>
		                            <small class="bottom right">
		                                <label>已售2161</label>
		                            </small>
		                        </div>
		                    </li>
		                    <li>
		                        <div class="justify">
		                            <img data-source="http://i2.s2.dpfile.com/pc/mc/c8f91ecbdead9fdb0629a11d37fb192f(160c100)/thumb.jpg">
		                        </div>
		                        <div class="justify-content" style="height:56px;">
		                            <a>单人豪华自助午餐</a>
		                            <small class="bottom left carrot money">219</small>
		                            <small class="bottom right">
		                                <label>已售2161</label>
		                            </small>
		                        </div>
		                    </li>
		                    <li>
		                        <div class="justify">
		                            <img data-source="http://i2.s2.dpfile.com/pc/mc/c8f91ecbdead9fdb0629a11d37fb192f(160c100)/thumb.jpg">
		                        </div>
		                        <div class="justify-content" style="height:56px;">
		                            <a>单人豪华自助午餐</a>
		                            <small class="bottom left carrot money">219</small>
		                            <small class="bottom right">
		                                <label>已售2161</label>
		                            </small>
		                        </div>
		                    </li>
		                    <li>
		                        <div class="justify">
		                            <img data-source="http://i2.s2.dpfile.com/pc/mc/c8f91ecbdead9fdb0629a11d37fb192f(160c100)/thumb.jpg">
		                        </div>
		                        <div class="justify-content" style="height:56px;">
		                            <a>单人豪华自助午餐</a>
		                            <small class="bottom left carrot money">219</small>
		                            <small class="bottom right">
		                                <label>已售2161</label>
		                            </small>
		                        </div>
		                    </li>
		                    <li>
		                        <div class="justify">
		                            <img data-source="http://i2.s2.dpfile.com/pc/mc/c8f91ecbdead9fdb0629a11d37fb192f(160c100)/thumb.jpg">
		                        </div>
		                        <div class="justify-content" style="height:56px;">
		                            <a>单人豪华自助午餐</a>
		                            <small class="bottom left carrot money">219</small>
		                            <small class="bottom right">
		                                <label>已售2161</label>
		                            </small>
		                        </div>
		                    </li>
		                    <li>
		                        <div class="justify">
		                            <img data-source="http://i2.s2.dpfile.com/pc/mc/c8f91ecbdead9fdb0629a11d37fb192f(160c100)/thumb.jpg">
		                        </div>
		                        <div class="justify-content" style="height:56px;">
		                            <a>单人豪华自助午餐</a>
		                            <small class="bottom left carrot money">219</small>
		                            <small class="bottom right">
		                                <label>已售2161</label>
		                            </small>
		                        </div>
		                    </li>
		                    <li>
		                        <div class="justify">
		                            <img data-source="http://i2.s2.dpfile.com/pc/mc/c8f91ecbdead9fdb0629a11d37fb192f(160c100)/thumb.jpg">
		                        </div>
		                        <div class="justify-content" style="height:56px;">
		                            <a>单人豪华自助午餐</a>
		                            <small class="bottom left carrot money">219</small>
		                            <small class="bottom right">
		                                <label>已售2161</label>
		                            </small>
		                        </div>
		                    </li>
		                    <li>
		                        <div class="justify">
		                            <img data-source="http://i2.s2.dpfile.com/pc/mc/c8f91ecbdead9fdb0629a11d37fb192f(160c100)/thumb.jpg">
		                        </div>
		                        <div class="justify-content" style="height:56px;">
		                            <a>单人豪华自助午餐</a>
		                            <small class="bottom left carrot money">219</small>
		                            <small class="bottom right">
		                                <label>已售2161</label>
		                            </small>
		                        </div>
		                    </li>
						</ul>
    				</div>  
				</article>
			</section>
		</div>

		
		<!--- third -->
		<script src="../assets/third/jquery/jquery-2.1.3.min.js"></script>
		<script src="../assets/third/jquery/jquery.mobile.custom.min.js"></script>
		<!---  agile -->
		<script type="text/javascript" src="../assets/agile/js/agile.js"></script>
<script type="text/javascript" src="../assets/bridge/exmobi.js"></script>
<script type="text/javascript" src="../assets/bridge/agile.exmobi.js"></script>			
		<!-- app -->
		<script type="text/javascript" src="../assets/app/js/app.seedsui.js"></script>
	</body>
</html>